.content {
	position: relative;
	width: 100%;
	/* ? */
	background-image: "/static/images/toast/img_nodata.png";
}

.top {
	position: relative;
	height: 60rpx;
	/* z-index: 9999; */
}

.top .right {
	padding-top: 5px;
	display: flex;
	justify-content: end;
}

.top .right .item {
	margin-right: 15rpx;
}

.content .image {
	position: relative;
	top: -200rpx;
}

.content .image image {
	width: 100%;
	height: 400rpx;
}

.content .main {
	position: relative;
	top: -220rpx;
	width: 100%;
	/* z-index: 22; */
	
}

.content .main .top {
	width: 100%;
	margin-bottom: 150rpx;
	display: block;
}

.content .main .top .user {
	width: 100%;
	display: flex;
	justify-content: space-between;
	border-radius: 10px;
}

.content .main .top .user .user-left {
	width: 500rpx;
	/* width: 50%; */
}

.content .main .top .user .user-left image {
	position: absolute;
	left: 60rpx;
	top: -50rpx;
	width: 120rpx;
	height: 120rpx;
	border-radius: 50%
}

.user-content {
	margin-top: 80rpx;
	margin-left: 60rpx;
}

.user-id {
	margin-top: 5rpx;
	margin-bottom: 5rpx;
}

.content .main .top .user .user-right {
	margin-top: 70rpx;
	width: 200rpx;
}

.f{
	font-size: 28rpx;
}

.inline{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}


.nologin {
	padding-top: 100rpx;
	
	display: flex;
	  justify-content: center;
	  align-items: center;
}

 .message {
	 padding-top: 100rpx;
 }
 

.myNote{
	margin-top: 250rpx;
	padding: 0 59.3rpx;
	height: 835.47rpx;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	row-gap: 80.23rpx;
	column-gap: 52.33rpx;

}


.starList{
	padding-top: 100rpx;
	margin-top: 250rpx;
	padding: 0 59.3rpx;
	height: 835.47rpx;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	row-gap: 80.23rpx;
	column-gap: 52.33rpx;

}

.starViewItem .myViewItem{
  width: 100%;
}